<template>
  <div class="child">
      <h1>child1</h1>
      <button @click="sendData">发送数据</button>
  </div>
</template>

<script>
import event from '../utils/event';
export default {
  methods:{
    sendData(){
      // 触发自定义事件
      event.$emit('message','hello child2');
    }
  }
}
</script>

<style>
.child{
    background-color: lightgreen;
    padding: 10px;
    margin: 10px;
}
</style>